<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--
    资源路径：
        1. 绝对路径：完整路径
        2. 相对路径：相对位置关系
            xxx/html/02-图片音频视频.html
            xxx/html/a.jpg

            ./a.jpg  &  a.jpg

            xxx/html/02-图片音频视频.html
            xxx/html/img/a.jpg

            ./img/a.jpg

            xxx/html/02-图片音频视频.html
            xxx/img/a.jpg

            ../img/a.jpg
    尺寸单位：
        1. px：像素
        2. 百分比：
-->
<img src="../img/a.jpg" width="300" height="400">
<img src="https://img0.baidu.com/it/u=981218435,2998857702&fm=253&fmt=auto&app=120&f=JPEG?w=1200&h=675" width="300" height="400">

<audio src="b.mp3" controls></audio>

<video src="c.mp4" controls width="500" height="300"></video>

</body>
</html>